<template>
  <template v-if="user">
<!--    <van-cell title="昵称" is-link to="/user/edit" :value="user.username" @click="toEdit('username','昵称',user.username)"/>-->
<!--    <van-cell title="账号" :value="user.userAccount"/>-->
<!--    <van-cell title="头像" is-link to="/user/edit">-->
<!--      <img style="height: 48px" :src="user.avatarUrl">-->
<!--    </van-cell>-->

    <van-cell title="当前用户" :value="user?.username"/>
    <van-cell title="修改信息" is-link to="/user/update"/>
    <van-cell title="我创建的队伍" is-link to="/user/team/create"/>
    <van-cell title="我加入的队伍" is-link to="/user/team/join"/>
  </template>
</template>

<script setup lang="ts">
import {useRouter} from "vue-router";
import {onMounted,ref} from "vue";
import myAxios from "../plugins/myAxios";
import {Toast} from "vant";
import {getCurrentUser} from "../services/user";
const user=ref();
const router=useRouter();
interface ApiResponse {
  code: number;
  data: any;
}


onMounted(async () => {
    user.value=await getCurrentUser();
});

const toEdit=(editKey: string,editName: string,currentValue: string)=>{
  router.push({
    path: '/user/edit',
    query: {
      editKey,
      editName,
      currentValue,
    }
  })
}

const imageLoaded = () => {
  console.log('图片加载成功');
};

const imageError = (event) => {
  console.error('图片加载失败', event);
};


</script>

<style scoped>

</style>